import Vue from "vue";
// import store from "@/store";
Vue.directive("imgerror", {
  // inserted：当指令所在元素插入到真实DOM中自动执行一次
  // el: 指令所在DOM元素
  // bindings: 指令信息对象
  // bindings.value:获取指令绑定表达式的值(在这里就是默认头像地址)
  inserted(el, bindings) {
    // 监听el的加载错误的事件
    el.addEventListener("error", () => {
      //用默认头像地址图片给src赋值
      el.src = bindings.value;
    });
  },
});
//方式二：按钮权限问题
// //自定义权限点指令（封装一个全局的事件）
//导入store实例
// Vue.directive("permission", {
//   inserted(el, bindings) {
//     //判断bindind.values在不在vuex中userInfo下points数组中
//     const { points } = store.state.user.userInfo.roles;
//     // 判断binding.value在不在points数组中
//     const flay = points.includes(bindings.value);
//     if (!flay) {
//       //如果不在数组中
//       //从dom树上移除当前DOM
//       el.remove(); //这是移除
//     }
//   },
// });
